$animationTime = .2s
$animationType = linear
$fontSize = 375 / 10
px2rem(px)
  return (px / $fontSize)rem

ellipsis()
  // 超出范围使用省略号
  text-overflow: ellipsis
  overflow: hidden
  white-space: nowrap


ellipsis2($line)
  display: -webkit-box
  -webkit-box-orient: vertical
  -webkit-line-clamp: $line
  overflow: hidden
  /*white-space: nowrap*/
  text-overflow: ellipsis
  // 单词结束换行
  word-break: keep-all

// 取名是要注意，不能使用关键字，否则会让css原来的样式无效
leftStyle()
  display: flex
  justify-content: flex-start
  align-content: start
  align-items: center

rightStyle()
  display: flex
  justify-content: flex-end
  align-content: end
  align-items: center

topStyle()
  display flex
  justify-content center
  align-items flex-start

center()
  display: flex
  justify-content: center
  align-content: center
  align-items: center

// 块状垂直居左排列
columnLeft()
  display: flex
  align-items: flex-start
  justify-content: center
  flex-direction: column

absCenter()
  // 全部都是0,可以撑满整个屏幕
  position: absolute
  top: 0
  left: 0
  right: 0
  bottom: 0
  margin: auto

columnTop()
  display: flex
  flex-direction column
  justify-content flex-start
  align-content center

columnCenter()
  display: flex
  flex-direction column
  justify-content center
  align-content center
  text-align center

scroll()
  overflow-x: hidden
  overflow-y: scroll
  -webkit-overflow-scrolling: touch
  &::-webkit-scrollbar
    display: none

leftBottom()
  display: flex
  // 水平
  justify-content: flex-start
  // 垂直
  align-items: flex-end
